
import './assets/main.css'; // 确保路径正确
import 'element-plus/dist/index.css' //导入element-plus样式
import * as ElementPlusIconsVue from '@element-plus/icons-vue' //导入element-plus图标
import 'animate.css'; //导入animate.css 过场动画 与 Vue提供的transition 组件轻松结合，为你的 Vue 应用添加精美动画。
import 'nprogress/nprogress.css' // 导入nprogress样式 页面加载的动画样式

import { createApp } from 'vue'
import App from '@/App.vue'
import router from '@/router' //导入路由
import '@/permission' // 导入全局路由守卫
import pinia from '@/stores/index'
// 图片点击放大
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'
// 导入 element-plus 暗黑 css
import 'element-plus/theme-chalk/dark/css-vars.css'





const app  = createApp(App)  //创建app 创建一个 Vue 应用实例app，其中 App 是你的根组件
app.use(router)  //使用路由
app.use(pinia) // 应用 Pinia
app.use(VueViewer)
app.mount('#app') //挂载app  应用实例app挂载到 HTML 页面中 id="app" 的元素上。
//引入图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}



